import { Meta, Story, Props, Preview } from "@storybook/addon-docs/blocks";

import Icon from "../src/components/icon/icon.vue";

<Meta title="通用/Icon 图标" component={Icon} />

# Icon

### 引入组件

```js
import { Icon } from "graceful-ui";
```

### 类型

<Preview>
  <Story name="type 类型">
    {{
      components: { Icon },
      template: `
        <div style="font-size: 24px">
          <Icon type="download" />
          <Icon type="setting" />
          <Icon type="loading" />
        </div>`,
    }}
  </Story>
</Preview>

## API

<Props of={Icon} />
